import React, { useEffect, useState } from 'react'
import { Button, Timeline } from 'antd';

const App: React.FC = () => {
  return (
    <div>
      <h1>时间轴</h1>
      <Timeline reverse={true}>
        <h1>2020...</h1>
        <Timeline.Item>01-14 用node写命令行工具</Timeline.Item>
        <Timeline.Item>01-14 实现ssh免密登录服务器</Timeline.Item>
        <Timeline.Item>01-14 利用github webhooks实现自动化部署</Timeline.Item>
        <Timeline.Item>01-14 React 笔记</Timeline.Item>
        <Timeline.Item>01-14 Koa中间件机制</Timeline.Item>
        <h1>2019...</h1>
        <Timeline.Item>09-19 koa-react-ssr学习</Timeline.Item>
        <Timeline.Item>06-04 如何使用es6+写出优雅的js代码</Timeline.Item>
        <Timeline.Item>06-04 实现简易的VUE-MVVM</Timeline.Item>
        <Timeline.Item>01-14 React 笔记</Timeline.Item>
        <Timeline.Item>01-14 Koa中间件机制</Timeline.Item>
      </Timeline>
    </div>
  )
}

export default App;